

window.addEventListener("scroll", (event) => {
    var event = event || window.event;
    if (window.scrollY < $(".top-container").height()) {
        $(".nav-scroll").css("display", "none")
    } else {
        $(".nav-scroll").css("display", "block");
    }
})
/* 顶部导航栏 课程分类 */
$("#course-classify").bind({
    "mouseover": () => {
        $(".course-list").css("display", "block")
    },
    "mouseout": () => {
        $(".course-list").css("display", "none")
    }
})
$(".course-list").bind({
    "mouseover": () => {
        $(".course-list").css("display", "block")
    },
    "mouseout": () => {
        $(".course-list").css("display", "none")

    }
})
/* 滑动隐藏后显示的顶部导航栏的 课程分类 */
$("#course-classify-scroll").bind({
    "mouseover": () => {
        $(".course-list-scroll").css("display", "block")
    },
    "mouseout": () => {
        $(".course-list-scroll").css("display", "none")

    }
})
$(".course-list-scroll").bind({
    "mouseover": () => {
        $(".course-list-scroll").css("display", "block")
    },
    "mouseout": () => {
        $(".course-list-scroll").css("display", "none")

    }
})


function hiddenAllTitle() {
    $(".normal-login").addClass("hidden")
    $(".phone-login").addClass("hidden")
    $(".normal-register").addClass("hidden")
    $(".forget-pwd").addClass("hidden")
}
function hiddenAllButton() {
    $("#go-login-btn").addClass("hidden")
    $("#forget-btn").addClass("hidden")
    $("#reg-btn").addClass("hidden")
}
function hiddenAllForm() {
    $("#normal-form").addClass("hidden")
    $("#phone-form").addClass("hidden")
    $("#register-form").addClass("hidden")
    $("#forget-form").addClass("hidden")
}
/* 标题行用的类，表单用的id */


/* 普通登录 */
$(".normal-login").bind({
    "click": function () {

        /* 控制边框 */
        $(".normal-login").addClass("my-border-bottom")
        $(".phone-login").removeClass("my-border-bottom")

        /* 控制表单 */
        hiddenAllForm()
        $("#normal-form").removeClass("hidden")

    }
})

/* 手机登录 */
$(".phone-login").bind({
    "click": function () {
        /* 控制边框 */
        $(".normal-login").removeClass("my-border-bottom")
        $(".phone-login").addClass("my-border-bottom")

        /* 控制表单 */
        hiddenAllForm()
        $("#phone-form").removeClass("hidden")
    }
})


/* 注册按钮 */
$("#reg-btn").bind({
    "click": function () {
        // console.log(123);

        /* 标题控制 */
        hiddenAllTitle()
        $(".normal-register").removeClass("hidden").addClass("my-border-bottom")

        /* 表单控制 */
        hiddenAllForm()
        $("#register-form").removeClass("hidden")

        /* 按钮控制 */
        hiddenAllButton()
        $("#go-login-btn").removeClass("hidden")

    }
})

/* 去登录按钮 */
$("#go-login-btn").bind({
    "click": function () {
        /* 标题控制 */
        hiddenAllTitle()

        $(".normal-login").removeClass("hidden")
        $(".phone-login").removeClass("hidden")
        $(".normal-login").addClass("my-border-bottom")


        /* 控制边框 */
        $(".normal-login").addClass("my-border-bottom")
        $(".phone-login").removeClass("my-border-bottom")

        /* 表单控制  */
        hiddenAllForm()
        $("#normal-form").removeClass("hidden")

        /* 按钮控制 */
        hiddenAllButton()
        $("#forget-btn").removeClass("hidden")
        $("#reg-btn").removeClass("hidden")
    }
})

/* 忘记密码 按钮 */
$("#forget-btn").bind({
    click: function () {
        /* 标题控制 */
        hiddenAllTitle()
        $(".forget-pwd").removeClass("hidden")

        /* 表单控制 */
        hiddenAllForm()
        $("#forget-form").removeClass("hidden")

        /* 按钮控制 */
        hiddenAllButton()
        $("#reg-btn").removeClass("hidden")
        $("#go-login-btn").removeClass("hidden")

    }
})


/* 侧边栏 */
$(".staff").bind({
    "mouseover": function () {
        console.log();
        $(this).children(".info").css("display", "block")
    },
    "mouseout": function () {
        $(this).children(".info").css("display", "none")
    }
})
/* 普通登录 表单校验 */
$("#username1").bind({
    "blur": function () {
        if ($(this).val() == "") {
            $(this).next().html("请输入用户名")
        } else {
            $(this).next().text("")
        }
    }
})
$("#password1").bind({
    "blur": function () {
        if ($(this).val() == "") {
            $(this).next().html("请输入密码")
        } else {
            $(this).next().text("")
        }
    }
})


/* 手机号登录 表单校验 */
/* 验证手机号格式 */
function phoneRegexTest(phone) {
    const phoneRegex = /^1[3-9]\d{9}$/;
    return phone.length == 11 && phoneRegex.test(phone);

}
$("#phone-login-mobile").bind({
    "blur": function () {

        const phone = $(this).val().trim();


        if (!phone) {
            $(".phone-tip").html("手机号不能为空")
            return;
        }

        if (!phoneRegexTest(phone)) {
            $(".phone-tip").html("手机号码格式不正确")
            return;
        }
        else {
            $(".phone-tip").text("");
        }

    }
});
$("#phone-check-code").bind({
    blur: function () { 
        const code = $(this).val().trim();
        if (!code) {
            $(".check-code-tip").html("验证码不能为空")
            return;
        }
        else {
            $(".check-code-tip").text("");
        }
    }

})

/* 普通注册 表单验证 */


/* 忘记密码表单校验 */
$("#register-form  input[type!='radio']").bind({
    "blur": function () { 
        const val = $(this).val().trim();
        console.log(val);
        
        if (!val) {
            $(this).siblings().remove();
            $(this).parent().append('<div class="error">不能为空</div>');
        }
        else {
            $(this).siblings().remove();
        }
    }
})
console.log($("#register-form input"));




